<template>
	<view>
		<view class="solart_list flex_row_start_center">
			<view class="solart_list_item flex_row_center_center" >
				<view class="solart_list_item_module">
					<image src="https://sy-hws-file-oss.oss-cn-beijing.aliyuncs.com/yijing/lichun.jpg" mode="aspectFit" class="solart_list_image"></image>
					<view>水瓶座</view>
				</view>
			</view>
			<view class="solart_list_item flex_row_center_center" >
				<view class="solart_list_item_module">
					<image src="https://sy-hws-file-oss.oss-cn-beijing.aliyuncs.com/yijing/lichun.jpg" mode="aspectFit" class="solart_list_image"></image>
					<view>双鱼座</view>
				</view>
			</view>
			<view class="solart_list_item flex_row_center_center" >
				<view class="solart_list_item_module">
					<image src="https://sy-hws-file-oss.oss-cn-beijing.aliyuncs.com/yijing/lichun.jpg" mode="aspectFit" class="solart_list_image"></image>
					<view>白羊座</view>
				</view>
			</view>
			<view class="solart_list_item flex_row_center_center" >
				<view class="solart_list_item_module">
					<image src="https://sy-hws-file-oss.oss-cn-beijing.aliyuncs.com/yijing/lichun.jpg" mode="aspectFit" class="solart_list_image"></image>
					<view>金牛座</view>
				</view>
			</view>
			<view class="solart_list_item flex_row_center_center" >
				<view class="solart_list_item_module">
					<image src="https://sy-hws-file-oss.oss-cn-beijing.aliyuncs.com/yijing/lichun.jpg" mode="aspectFit" class="solart_list_image"></image>
					<view>双子座</view>
				</view>
			</view>
			<view class="solart_list_item flex_row_center_center" >
				<view class="solart_list_item_module">
					<image src="https://sy-hws-file-oss.oss-cn-beijing.aliyuncs.com/yijing/lichun.jpg" mode="aspectFit" class="solart_list_image"></image>
					<view>巨蟹座</view>
				</view>
			</view>
			<view class="solart_list_item flex_row_center_center" >
				<view class="solart_list_item_module">
					<image src="https://sy-hws-file-oss.oss-cn-beijing.aliyuncs.com/yijing/lichun.jpg" mode="aspectFit" class="solart_list_image"></image>
					<view>狮子座</view>
				</view>
			</view>
			<view class="solart_list_item flex_row_center_center" >
				<view class="solart_list_item_module">
					<image src="https://sy-hws-file-oss.oss-cn-beijing.aliyuncs.com/yijing/lichun.jpg" mode="aspectFit" class="solart_list_image"></image>
					<view>处女座</view>
				</view>
			</view>
			<view class="solart_list_item flex_row_center_center" >
				<view class="solart_list_item_module">
					<image src="https://sy-hws-file-oss.oss-cn-beijing.aliyuncs.com/yijing/lichun.jpg" mode="aspectFit" class="solart_list_image"></image>
					<view>天秤座</view>
				</view>
			</view>
			<view class="solart_list_item flex_row_center_center" >
				<view class="solart_list_item_module">
					<image src="https://sy-hws-file-oss.oss-cn-beijing.aliyuncs.com/yijing/lichun.jpg" mode="aspectFit" class="solart_list_image"></image>
					<view>天蝎座</view>
				</view>
			</view>
			<view class="solart_list_item flex_row_center_center" >
				<view class="solart_list_item_module">
					<image src="https://sy-hws-file-oss.oss-cn-beijing.aliyuncs.com/yijing/lichun.jpg" mode="aspectFit" class="solart_list_image"></image>
					<view>射手座</view>
				</view>
			</view>
			<view class="solart_list_item flex_row_center_center" >
				<view class="solart_list_item_module">
					<image src="https://sy-hws-file-oss.oss-cn-beijing.aliyuncs.com/yijing/lichun.jpg" mode="aspectFit" class="solart_list_image"></image>
					<view>摩羯座</view>
				</view>
			</view>
			
		</view>
	</view>
</template>

<script>
	
	export default {
		data(){
			return{
				
			}
		},
		onLoad(){},
		methods:{
			
		}
	}
</script>

<style lang="scss">
	page{
		width: 750rpx;
		padding-top: 4rpx;
		background-color: #f7f3e9;
	}
	.solart_list{
		margin: 0 16rpx;
		padding:30rpx 15rpx;
		border-radius: 30rpx;
		flex-wrap: wrap;
	}
	.solart_list_item{
		width: 154rpx;
		height: 154rpx;
		border: 2rpx solid #e5d0b2;
		background-color: #fff;
		margin-right: 24rpx;
		margin-bottom: 16rpx;
		border-radius: 30rpx;
		
		&:nth-child(4n){
			margin-right: 0;
		}
		
		.solart_list_item_module{
			text-align: center;
			font-size: 22rpx;
		}
	}  
	.solart_list_image{
		width: 90rpx;
		height: 90rpx;
		border-radius: 50%;
	}
</style>